// in ../icons/SunIcon.tsx
import React from "react"
import Svg, {Path, G, Defs, ClipPath, Rect} from "react-native-svg"

interface SunIconProps {
  color?: string
  size?: number
}

const SunIcon = ({color = "#7674FB", size = 24}: SunIconProps) => (
  <Svg width={size} height={size} viewBox="0 0 24 25" fill="none">
    <G clipPath="url(#clip0)">
      <Path
        d="M16 12.9766C16 10.7674 14.2091 8.97656 12 8.97656C9.79086 8.97656 8 10.7674 8 12.9766C8 15.1857 9.79086 16.9766 12 16.9766C14.2091 16.9766 16 15.1857 16 12.9766ZM18 12.9766C18 16.2903 15.3137 18.9766 12 18.9766C8.68629 18.9766 6 16.2903 6 12.9766C6 9.66285 8.68629 6.97656 12 6.97656C15.3137 6.97656 18 9.66285 18 12.9766Z"
        fill={color}
      />
      <Path
        d="M11 3.97656V1.97656C11 1.42428 11.4477 0.976562 12 0.976562C12.5523 0.976562 13 1.42428 13 1.97656V3.97656C13 4.52885 12.5523 4.97656 12 4.97656C11.4477 4.97656 11 4.52885 11 3.97656Z"
        fill={color}
      />
      <Path
        d="M11 23.9766V21.9766C11 21.4243 11.4477 20.9766 12 20.9766C12.5523 20.9766 13 21.4243 13 21.9766V23.9766C13 24.5288 12.5523 24.9766 12 24.9766C11.4477 24.9766 11 24.5288 11 23.9766Z"
        fill={color}
      />
      <Path
        d="M3.51295 4.49C3.87907 4.12388 4.45807 4.10129 4.85084 4.42164L4.92701 4.49L6.34693 5.90992L6.41529 5.98609C6.73572 6.37887 6.71308 6.95784 6.34693 7.32398C5.98079 7.69013 5.40182 7.71277 5.00904 7.39234L4.93287 7.32398L3.51295 5.90406L3.44459 5.82789C3.12424 5.43512 3.14683 4.85612 3.51295 4.49Z"
        fill={color}
      />
      <Path
        d="M17.653 18.6296C18.0191 18.2635 18.5981 18.2409 18.9909 18.5613L19.067 18.6296L20.4869 20.0496L20.5553 20.1257C20.8757 20.5185 20.8531 21.0975 20.4869 21.4636C20.1208 21.8298 19.5418 21.8524 19.1491 21.532L19.0729 21.4636L17.653 20.0437L17.5846 19.9675C17.2643 19.5748 17.2868 18.9958 17.653 18.6296Z"
        fill={color}
      />
      <Path
        d="M3 11.9766C3.55228 11.9766 4 12.4243 4 12.9766C4 13.5288 3.55228 13.9766 3 13.9766H1C0.447715 13.9766 0 13.5288 0 12.9766C0 12.4243 0.447715 11.9766 1 11.9766H3Z"
        fill={color}
      />
      <Path
        d="M23 11.9766C23.5523 11.9766 24 12.4243 24 12.9766C24 13.5288 23.5523 13.9766 23 13.9766H21C20.4477 13.9766 20 13.5288 20 12.9766C20 12.4243 20.4477 11.9766 21 11.9766H23Z"
        fill={color}
      />
      <Path
        d="M5.00918 18.5613C5.40194 18.2409 5.98094 18.2636 6.34707 18.6297C6.7132 18.9958 6.73582 19.5748 6.41543 19.9675L6.34707 20.0437L4.92715 21.4636C4.53663 21.8542 3.90361 21.8542 3.51309 21.4636C3.1226 21.0731 3.12258 20.4401 3.51309 20.0496L4.93301 18.6297L5.00918 18.5613Z"
        fill={color}
      />
      <Path
        d="M19.1491 4.42164C19.5418 4.10126 20.1208 4.12391 20.487 4.49C20.8531 4.85613 20.8757 5.43512 20.5553 5.82789L20.487 5.90407L19.067 7.32399C18.6765 7.71451 18.0435 7.71451 17.653 7.32399C17.2625 6.93346 17.2625 6.30044 17.653 5.90993L19.0729 4.49L19.1491 4.42164Z"
        fill={color}
      />
    </G>
    <Defs>
      <ClipPath id="clip0">
        <Rect width="24" height="24" fill="white" transform="translate(0 0.976562)" />
      </ClipPath>
    </Defs>
  </Svg>
)

export default SunIcon
